import React from 'react'
import { SearchBar, Grid, Tag,Tabs } from 'antd-mobile'

import time1 from '../../../../assets/img/time1.png'
import swipers from '../../../../assets/img/swiper1.png'
import qgou from '../../../../assets/img/qg.png'
import './Wanpople.less'
import { withRouter } from 'react-router-dom'
import { imgPre } from '../../../../request/http'
 function Wanpople(props) {
  let {wanpople}=props
  // console.log(wanpople);
  return (
    <div>
              {/* 万人团 */}
        <div className='navTime'>
        <Grid columns={5} gap={8}>
          <Grid.Item>
            <div className='time'>
              <img src={time1} alt="" />
              <p>显示秒杀</p>
            </div>
          </Grid.Item>
          <Grid.Item>
            <div className='time'>
              <img src={time1} alt="" />
              <p>显示秒杀</p>
            </div>
          </Grid.Item>
          <Grid.Item>
            <div className='time'>
              <img src={time1} alt="" />
              <p>显示秒杀</p>
            </div>
          </Grid.Item>
          <Grid.Item>
            <div className='time'>
              <img src={time1} alt="" />
              <p>显示秒杀</p>
            </div>
          </Grid.Item>
          <Grid.Item>
            <div className='time'>
              <img src={time1} alt="" />
              <p>显示秒杀</p>
            </div>
          </Grid.Item>
        </Grid>
        </div>
        <div className='sTime'>
        <div className='new'>
            <Grid columns={3} gap={8}>
              <Grid.Item>
                <p>超级秒杀</p>
              </Grid.Item>
              <Grid.Item>
                <span>05</span><i>:</i>
                <span>20</span><i>:</i>
                <span>80</span>
              </Grid.Item>
            </Grid>

          </div>
           <div className='wanpople'>
           {
             wanpople.map((item)=>{
               return(
                <div className='sTimeShop' key={item.id}>
                <img src={imgPre+item.img} alt="" />
                <div className="detail">
                  <h4> <Tag color='warning'>7.9折</Tag>{item.goodsname}</h4>
                  <div className='long'><span><b></b>{item.count}</span>  <i>每人限购 {item.limit_count} 件</i></div>
                  <span> <img src={qgou} alt="" />
                     <p>￥{item.price} <i>{item.market_price}</i></p>
                  </span>
                </div>
              </div>
               )
             })
           }
           </div>
        </div>
    </div>
  )
}

export default withRouter(React.memo(Wanpople))
